
import { Outlet } from "react-router";
import { Layout } from "antd";
import eait from "/public/favicon.ico";
import './main.css'
import { Content, Footer, Header } from "antd/es/layout/layout";
import UserInfo from "../components/userInfo";


function MainLayout() {

  return (

    <Layout >
      <Header className="bg-#001529 h-12 flex justify-between px-7 items-center">
        <div className="c-white flex items-center">
          <img src={eait} width={35} height={35} className="mr-2" />
          <span className="font-bold text-6.5">小米问卷</span>
        </div>
        <UserInfo />
      </Header>
      <Content className="main">
        <Outlet />
      </Content>
      <Footer className="bg-#fff text-center h-12 ">小米问卷</Footer>
    </Layout>
  );
}

export default MainLayout;
